.hotel-share-card {
  width: 100%;
  min-height: 100rpx;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 26rpx;
  border: 1rpx solid rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(10.8695652173913px);
  padding-bottom: 25rpx;
  padding-top: 15rpx;
  margin: 20rpx auto 0 auto;
  .content-view {
    display: flex;
    flex-direction: column;
    padding: 10rpx;
    background: #ffffff;
    width: 454rpx;
    margin: 10rpx auto 0 auto;
    border-radius: 16rpx;
  }
  .flex {
    position: relative;
    display: flex;
    .main-img {
      width: 114rpx;
      height: 186rpx;
      border-radius: 10rpx;
      margin-right: 16rpx;
    }
    .title-view {
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #404062;
      font-size: 28rpx;
      font-weight: 600;
    }
    .font-weight-normal {
      display: flex;
      align-items: center;
      line-height: 36rpx;
      font-weight: normal;
      color: #767697;
      font-size: 24rpx;
      margin-top: 6rpx;
      .icon {
        width: 24rpx;
        height: 24rpx;
      }
      .single-line-text {
        flex: 1;
      }
    }
    .place-price {
      font-weight: bold;
      float: right;
    }
    .left-item {
      display: flex;
      flex-wrap: wrap;
      .star-icon {
        width: 25rpx;
        height: 24rpx;
      }
      .mark-box {
        display: flex;
      }
      .evaluate {
        color: $sl-color-grey;
        font-size: 20rpx;
        padding-left: 23rpx;
      }
      .star-pf {
        padding-left: 5rpx;
        // width: 60rpx;
      }
    }
    .like {
      font-size: 20rpx;
      font-weight: 500;
      color: $sl-color-dark-orage;
      line-height: 33rpx;
    }
  }
  .btn-view {
    height: 68rpx;
    border-radius: 34rpx;
    background: #7696FF;
    line-height: 68rpx;
    text-align: center;
    color: #fff;
    font-size: 28rpx;
    margin: 26rpx auto 0 auto;
    font-weight: 600;
    width: 454rpx;
  }
}

.footer-view {
  display: flex;
  margin-top: 24rpx;
  .footer-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 190rpx;
    height: 68rpx;
    background: #E5EBFF;
    border-radius: 34rpx;
    font-size: 28rpx;
    font-weight: 500;
    color: $sl-color-blue;
    line-height: 28rpx;
    &.right {
      width: 250rpx;
      margin-left: 14rpx;
    }
  }
}